<!DOCTYPE html>
<!--[if IE 7]><html class="no-js ie7 oldie" lang="en-US"> <![endif]-->
<!--[if IE 8]><html class="no-js ie8 oldie" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
    <head>
        <meta charset="utf-8">
        <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="agency, ecommerce">
        <meta name="author" content="Md. Siful Islam, Jtheme">

        <title>Products Fullwidth Style-1</title>

        <!-- Favicon -->
        
        

        <!-- Icons Font CSS -->
        <link href="static/css/font-awesome.min.css" rel="stylesheet" type="text/css"> 
        <link href="static/css/elegant.css" rel="stylesheet" type="text/css">   
        <link href="static/css/simple-line-icons.css" rel="stylesheet" type="text/css">   
        <link href="static/css/ionicons.min.css" rel="stylesheet" type="text/css">

        <!-- CSS Global -->
        <link href="static/css/bootstrap.min.css" rel="stylesheet" type="text/css">        
        <link href="static/css/bootstrap-select.min.css" rel="stylesheet" type="text/css">         
        <link href="static/css/owl.carousel.css" rel="stylesheet" type="text/css"> 
        <link href="static/css/jquery-ui.min.css" rel="stylesheet" type="text/css"> 
        <link href="static/css/jquery.mCustomScrollbar.min.css" rel="stylesheet" type="text/css">
        <link href="static/css/prettyPhoto.css" rel="stylesheet" type="text/css"> 

        <!-- Custom CSS -->
        <link href="static/css/style.css" rel="stylesheet" type="text/css"> 


        <!--[if lt IE 9]>
        <script src="assets/plugins/iesupport/html5shiv.js"></script>
        <script src="assets/plugins/iesupport/respond.js"></script>
        <![endif]-->

    </head>
    <body id="home" class="wide">

        <!-- WRAPPER -->
        <main> 
            <!-- Header -->
            <header class="main-header">               
                <section class="header-wrap"> 
                    <div class="top-bar">
                        <div class="col-md-2 col-sm-12"> 
                            <div class="logo  navbar-brand">
                                <h2 class="logo-title"> <a href="javascript:;"> <span class="theme-color">Listing</span>Pro </a> </h2>                                
                                <span class="nav-trigger toggle-hover visible-xs">
                                    <a class="toggle-icon icon-cube" href="#"> </a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-10 col-sm-12 navigation">
                            <nav>                                                               
                                <div class="navbar-collapse no-padding" id="primary-navigation">                                        
                                    <ul class="nav navbar-nav primary-navbar">
                                        <li><a href="#">home</a></li> 
                                        <li> <a href="#">about</a> </li>  
                                        <li><a href="#">Contact</a></li>
                                        <li class="dropdown mega-dropdown active">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true">Pages</a>
                                            <div class="dropdown-menu mega-dropdown-menu">
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-view-grid.html">Product Grid View</a> </li>
                                                            <li> <a href="product-view-list.html">Product List View</a> </li>
                                                            <li> <a href="product-view-list-2.html">Product List View-2</a> </li>
                                                            <li> <a href="">Product Fullwidth</a> </li>
                                                            <li> <a href="product-fullwidth-2.html">Product Fullwidth-2</a> </li>
                                                            <li> <a href="product-banner.html">Product Banner</a> </li>
                                                            <li> <a href="product-banner-fullwidth.html">Product Banner Fullwidth</a> </li>
                                                            <li> <a href="product-catalogue.html">Product Catalogue</a> </li>
                                                            <li> <a href="product-categories.html">Product Categories</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-col-2.html">Product Column-2</a> </li>
                                                            <li> <a href="product-col-3.html">Product Column-3</a> </li>
                                                            <li> <a href="product-col-4.html">Product Column-4</a> </li>
                                                            <li> <a href="product-col-5.html">Product Column-5</a> </li>
                                                            <li> <a href="product-mas-col-2.html">Product Masonery Column-2</a> </li>
                                                            <li> <a href="product-mas-col-3.html">Product Masonery Column-3</a> </li>
                                                            <li> <a href="product-mas-col-4.html">Product Masonery Column-4</a> </li>
                                                            <li> <a href="product-mas-col-5.html">Product Masonery Column-5</a> </li>
                                                            <li> <a href="product-mas-all.html">Product Masonery All</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-slider.html">Product Slider</a> </li>
                                                            <li> <a href="product-slider-image.html">Product Image Slider</a> </li>                                                            
                                                            <li> <a href="product-tabs.html">Product Tabs</a> </li>
                                                            <li> <a href="product-tabs-slider.html">Product Tabs Slider</a> </li>
                                                            <li> <a href="product-timeline.html">Product Timeline</a> </li>
                                                            <li> <a href="product-timeline-tabs.html">Product Timeline Tabs</a> </li>
                                                            <li> <a href="product-timeline-slider.html">Product Timeline Slider</a> </li>
                                                            <li> <a href="product-tooltip.html">Product Tooltip</a> </li>
                                                            <li> <a href="product-table.html">Product Table</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-hover.html">Product Hover Styles</a> </li>
                                                            <li> <a href="product-paginations.html">Product Pagination Styles</a> </li>
                                                            <li> <a href="product-tags.html">Product Tags Styles</a> </li>
                                                            <li> <a href="product-boxed.html">Product Boxed</a> </li>
                                                            <li> <a href="index.html">Product Sidebar-1</a> </li>
                                                            <li> <a href="product-sidebar-2.html">Product Sidebar-2</a> </li>
                                                            <li> <a href="product-sidebar-3.html">Product Sidebar-3</a> </li>
                                                            <li> <a href="product-sidebar-right.html">Product Sidebar Right</a> </li>
                                                            <li> <a href="product-sidebar-all.html">Product Sidebar All</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                            </div>
                                        </li> 
                                    </ul>
                                </div>  
                            </nav>
                        </div>
                    </div>
                </section>            
            </header>
            <!-- /Header -->

            <!-- CONTENT AREA -->

            <!--Breadcrumb Section Start-->
            <section class="breadcrumb-bg light-bg">                
                <div class="theme-container container">
                    <div class="site-breadcumb col-md-5">                        
                        <h1 class="title no-margin">Products Fullwidth Style-1</h1> 
                        <ol class="breadcrumb breadcrumb-menubar">
                            <li> <a href="#"> Home </a> Products Fullwidth Style-1 </li>                             
                        </ol>
                    </div>  
                </div>
            </section>
            <!--Breadcrumb Section End-->

            <section class="wrapper">

                <div class="theme-container container">
                    <div class="row">
                        <!-- Product Categories Starts -->
                        <aside class="col-md-12 col-sm-12  prod-categories">
                            <div class="row">
                                <div class="col-md-6 col-sm-5 col-xs-3 show-result"> <h2 class="title"> show all 11 results </h2> </div>
                                <div class="col-md-4 col-sm-4 col-xs-5 sorter"> 
                                    <form action="#" class="form-wrap">
                                        <div class="search-selectpicker selectpicker-wrapper">
                                            <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Sort By">
                                                <option>A - Z</option>
                                                <option>Z - A</option>
                                                <option> Low - High </option>
                                                <option> High - Low </option>
                                            </select>
                                        </div>
                                    </form>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-4 view-wrap"> 
                                    <ul class="nav-tabs tabination view-tabs">
                                        <li class="active">
                                            <a href="#grid-view" data-toggle="tab">                                                    
                                                <i class="icon_grid-2x2" aria-hidden="true"></i>
                                            </a>
                                        </li>
                                        <li class="">
                                            <a href="#list-view" data-toggle="tab">
                                                <i class="icon_ul"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="tab-content">
                                <!-- Product Grid View Starts -->
                                <div id="grid-view" class="tab-pane fade active in" role="tabpanel">
                                    <div class="row text-center">
                                        <div class="col-md-3 col-sm-4 cate-box">                                  
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="thumbnail-img light-bg">
                                                        <div class="flipper">
                                                            <div class="front">
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-1.jpg" alt=""> </a>
                                                            </div>
                                                            <div class="back">                                                               
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                            </div>                                                       
                                                        </div>
                                                        <ul class="thumbnail-content hover-style1 list-items">
                                                            <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                            <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                            <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                        </ul>                                                    
                                                    </div>
                                                    <div class="caption">
                                                        <div class="caption-title"><a href="#" class="title">white beard t-shirt</a></div>
                                                        <div class="caption-text"> <span> $45.05 </span> </div>                                                   
                                                    </div>
                                                </div>
                                            </div>
                                        </div> 
                                        <div class="col-md-3 col-sm-4 cate-box">
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="thumbnail-img light-bg">
                                                        <div class="flipper">
                                                            <div class="front">
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-9.jpg" alt=""> </a>
                                                            </div>
                                                            <div class="back">                                                               
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-7.jpg" alt="">  </a>
                                                            </div>
                                                            <div class="sale-tag right"> <span> sale </span> </div>
                                                        </div>
                                                        <ul class="thumbnail-content hover-style1 list-items">
                                                            <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                            <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                            <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                        </ul>                                                    
                                                    </div>
                                                    <div class="caption">
                                                        <div class="caption-title"><a href="#" class="title">aldo leather shoes</a></div>
                                                        <div class="caption-text"> <span> $67.05 </span> <del> $102.50 </del> </div>                                                   
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-4 cate-box">
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="thumbnail-img light-bg">
                                                        <div class="flipper">
                                                            <div class="front">
                                                                <a href="#">
                                                                    <img class="img-responsive" src="static/picture/prod-10.jpg" alt="">                                                      
                                                                </a>
                                                            </div>
                                                            <div class="back">                                                               
                                                                <a href="#">
                                                                    <img class="img-responsive" src="static/picture/prod-5.jpg" alt="">                                                      
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <ul class="thumbnail-content hover-style1 list-items">
                                                            <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                            <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                            <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                        </ul>                                                    
                                                    </div>
                                                    <div class="caption">
                                                        <div class="caption-title"><a href="#" class="title"> barbour grey t-shirt </a></div>
                                                        <div class="caption-text"> <span> $65.00 </span> </div>                                                   
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-4 cate-box">
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="thumbnail-img light-bg">
                                                        <div class="flipper">
                                                            <div class="front">
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-5.jpg" alt=""> </a>
                                                            </div>
                                                            <div class="back">                                                               
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                            </div>  
                                                            <div class="new-tag right"> <span> new </span> </div>
                                                        </div>
                                                        <ul class="thumbnail-content hover-style1 list-items">
                                                            <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                            <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                            <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                        </ul>                                                    
                                                    </div>
                                                    <div class="caption">
                                                        <div class="caption-title"><a href="#" class="title"> aldo black leather shoes </a></div>
                                                        <div class="caption-text"> <span>$78.90 </span> </div>                                                   
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-4 cate-box">
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="thumbnail-img light-bg">
                                                        <div class="flipper">
                                                            <div class="front">
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                            </div>
                                                            <div class="back">                                                               
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-7.jpg" alt="">  </a>
                                                            </div>                                                  
                                                        </div>
                                                        <ul class="thumbnail-content hover-style1 list-items">
                                                            <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                            <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                            <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                        </ul>                                                    
                                                    </div>
                                                    <div class="caption">
                                                        <div class="caption-title"><a href="#" class="title"> penfield blue t-shirt </a></div>
                                                        <div class="caption-text"> <span> $54.00 </span> </div>                                                   
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-4 cate-box">
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="thumbnail-img light-bg">
                                                        <div class="flipper">
                                                            <div class="front">
                                                                <a href="#">
                                                                    <img class="img-responsive" src="static/picture/prod-7.jpg" alt="">                                                      
                                                                </a>
                                                            </div>
                                                            <div class="back">                                                               
                                                                <a href="#">
                                                                    <img class="img-responsive" src="static/picture/prod-5.jpg" alt="">                                                      
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <ul class="thumbnail-content hover-style1 list-items">
                                                            <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                            <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                            <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                        </ul>                                                    
                                                    </div>
                                                    <div class="caption">
                                                        <div class="caption-title"><a href="#" class="title"> gucci roung sunglasses </a></div>
                                                        <div class="caption-text"> <span> $105.20 </span> </div>                                                   
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-4 cate-box">
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="thumbnail-img light-bg">
                                                        <div class="flipper">
                                                            <div class="front">
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-11.jpg" alt=""> </a>
                                                            </div>
                                                            <div class="back">                                                               
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                            </div>                                                       
                                                        </div>
                                                        <ul class="thumbnail-content hover-style1 list-items">
                                                            <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                            <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                            <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                        </ul>                                                    
                                                    </div>
                                                    <div class="caption">
                                                        <div class="caption-title"><a href="#" class="title"> line white & black t-shirt </a></div>
                                                        <div class="caption-text"> <span> $50.00 </span> </div>                                                   
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-4 cate-box">
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="thumbnail-img light-bg">
                                                        <div class="flipper">
                                                            <div class="front">
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-12.jpg" alt=""> </a>
                                                            </div>
                                                            <div class="back">                                                               
                                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-7.jpg" alt="">  </a>
                                                            </div>                                                   
                                                        </div>
                                                        <ul class="thumbnail-content hover-style1 list-items">
                                                            <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                            <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                            <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                        </ul>                                                    
                                                    </div>
                                                    <div class="caption">
                                                        <div class="caption-title"><a href="#" class="title"> rayban round sunglasses </a></div>
                                                        <div class="caption-text"> <span> $120.15 </span> </div>                                                   
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-sm-4 cate-box">
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="thumbnail-img light-bg">
                                                        <div class="flipper">
                                                            <div class="front">
                                                                <a href="#">
                                                                    <img class="img-responsive" src="static/picture/prod-13.jpg" alt="">                                                      
                                                                </a>
                                                            </div>
                                                            <div class="back">                                                               
                                                                <a href="#">
                                                                    <img class="img-responsive" src="static/picture/prod-5.jpg" alt="">                                                      
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <ul class="thumbnail-content hover-style1 list-items">
                                                            <li> <a href="#"> <i class="icon ion-android-add"></i> <span> Add To Cart </span> </a> </li>
                                                            <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                            <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                        </ul>                                                    
                                                    </div>
                                                    <div class="caption">
                                                        <div class="caption-title"><a href="#" class="title"> clark leather shoes </a></div>
                                                        <div class="caption-text"> <span> $75.70 </span> </div>                                                   
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pagination-wrapper">
                                        <ul class="pagination-list">
                                            <li class="prev"> <a href="#"> <i class="arrow_carrot-2left"></i> </a> </li>
                                            <li> <a href="#"> 1 </a> </li>
                                            <li class="active"> 2 </li>
                                            <li> <a href="#"> 3 </a> </li>
                                            <li> <a href="#"> 4 </a> </li>
                                            <li> <a href="#"> 5 </a> </li>
                                            <li class="nxt"> <a href="#"> <i class="arrow_carrot-2right"></i> </a> </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- Product Grid View Ends -->
                                
                                <!-- Product List View Starts -->
                                <div id="list-view" class="tab-pane fade" role="tabpanel">
                                    <div class="cat-list-view">
                                        <div class="row">                                                                         
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="col-md-4 col-sm-12">    
                                                        <div class="thumbnail-img light-bg">
                                                            <div class="flipper">
                                                                <div class="front">
                                                                    <a href="#"> <img class="img-responsive" src="static/picture/prod-9.jpg" alt=""> </a>
                                                                </div>
                                                                <div class="back">                                                               
                                                                    <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                                </div>                                                       
                                                            </div>
                                                            <ul class="thumbnail-content hover-style1 list-items">    
                                                                <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> Quick View </a> </li>
                                                                <li> <a href="#"> <i class="icon ion-android-favorite-outline"></i> Wishlist </a> </li>
                                                            </ul>                                                    
                                                        </div>
                                                    </div>
                                                    <div class="col-md-8 col-sm-12">   
                                                        <div class="product-content">                                                          
                                                            <div class="product-heading">
                                                                <a href="#" class="title">white beard t-shirt</a>                                              
                                                            </div>
                                                            <div class="rating">                                                              
                                                                <span class="star active"></span>
                                                                <span class="star active"></span>
                                                                <span class="star active"></span>                                           
                                                                <span class="star active"></span>
                                                                <span class="star half"></span>                                                               
                                                            </div>                                            

                                                            <div class="product-price">
                                                                <p class="caption-text">
                                                                    <span> $45.05 </span>
                                                                    <del>  </del>
                                                                </p>
                                                            </div>

                                                            <div class="product-availability">
                                                                <ul class="stock-detail list-items">                                       
                                                                    <li class=""> <i class="icon-layers icons"></i> <span> Only <b>15</b> Left </span> <i class="arrow_carrot-down"></i> </li>
                                                                    <li>Available:<span class="green-color"> In Stock </span>  </li>
                                                                </ul>                                                                             
                                                            </div>

                                                            <hr class="fullwidth-divider">   

                                                            <div class="product-description">
                                                                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc condimentum eros idoni 
                                                                    rutrum fermentum. Proin nec felis dui. Vestibulum ante ipsum primis in faucibus orci 
                                                                    luctus et ultrices posuere cubilia Curae.</p>
                                                            </div>

                                                            <div class="product-size row">
                                                                <form class="product-form">                                      
                                                                    <div class="form-group selectpicker-wrapper col-sm-4">                                                                        
                                                                        <div class="search-selectpicker selectpicker-wrapper">
                                                                            <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Select Color ">
                                                                                <option>Pink</option>
                                                                                <option>Blue</option>
                                                                                <option>Marooon</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group selectpicker-wrapper col-sm-4">                                                                      
                                                                        <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Select Size">
                                                                            <option>L</option>
                                                                            <option>XL</option>
                                                                            <option>M</option>
                                                                        </select>
                                                                    </div>   
                                                                    <div class="form-group col-sm-4 prod-btns">
                                                                        <div class="quantity">
                                                                            <button class="btn minus"><i class="icon_minus-06"></i></button>
                                                                            <input type="number" title="Qty" value="03" name="quantity" min="1" step="1" class="form-control qty">
                                                                            <button class="btn plus"><i class="icon_plus"></i></button>
                                                                        </div>
                                                                    </div>
                                                                </form>                                            
                                                            </div>    

                                                            <div class="prod-btns">                                                                
                                                                <div class="add-to-cart">
                                                                    <button class="theme-btn-1 btn cart-btn"> <i class="icon ion-ios-plus-empty white-color size-24"></i> Add to Cart </button>                                       
                                                                </div>                                    
                                                            </div>  

                                                        </div>
                                                    </div>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <div class="cat-list-view">
                                        <div class="row">                                                                         
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="col-md-4 col-sm-12">
                                                        <div class="thumbnail-img light-bg">
                                                            <div class="flipper">
                                                                <div class="front">
                                                                    <a href="#"> <img class="img-responsive" src="static/picture/prod-5.jpg" alt=""> </a>
                                                                </div>
                                                                <div class="back">                                                               
                                                                    <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                                </div>                                                       
                                                            </div>
                                                            <ul class="thumbnail-content hover-style1 list-items">    
                                                                <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> Quick View </a> </li>
                                                                <li> <a href="#"> <i class="icon ion-android-favorite-outline"></i> Wishlist </a> </li>
                                                            </ul>                                                    
                                                        </div>
                                                    </div>
                                                    <div class="col-md-8 col-sm-12"> 
                                                        <div class="product-content">                                                            
                                                            <div class="product-heading">
                                                                <h2 class="title">aldo leather shoes</h2>                                              
                                                            </div>
                                                            <div class="rating">                                                              
                                                                <span class="star active"></span>
                                                                <span class="star active"></span>
                                                                <span class="star active"></span>                                           
                                                                <span class="star active"></span>
                                                                <span class="star half"></span>
                                                                <div class="product-review">
                                                                    <ul class="list-items">
                                                                        <li>04 Review(s) </li>
                                                                        <li> <a href="#"> Add Your Review </a> </li>
                                                                    </ul>
                                                                </div>
                                                            </div>                                            

                                                            <div class="product-price">
                                                                <p class="caption-text">
                                                                    <span> $67.05 </span>
                                                                    <del> $102.05 </del>
                                                                </p>
                                                            </div>

                                                            <div class="product-availability">
                                                                <ul class="stock-detail list-items">                                       
                                                                    <li class=""> <i class="icon-layers icons"></i> <span> Only <b>15</b> Left </span> <i class="arrow_carrot-down"></i> </li>
                                                                    <li>Available:<span class="green-color"> In Stock </span>  </li>
                                                                </ul>                                                                             
                                                            </div>

                                                            <hr class="fullwidth-divider">   

                                                            <div class="product-description">
                                                                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc condimentum eros idoni 
                                                                    rutrum fermentum. Proin nec felis dui. Vestibulum ante ipsum primis in faucibus orci 
                                                                    luctus et ultrices posuere cubilia Curae.</p>
                                                            </div>
                                                            <div class="product-size row">
                                                                <form class="product-form">                                      
                                                                    <div class="form-group selectpicker-wrapper col-sm-4">                                                                        
                                                                        <div class="search-selectpicker selectpicker-wrapper">
                                                                            <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Select Color ">
                                                                                <option>Pink</option>
                                                                                <option>Blue</option>
                                                                                <option>Marooon</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group selectpicker-wrapper col-sm-4">                                                                      
                                                                        <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Select Size">
                                                                            <option>L</option>
                                                                            <option>XL</option>
                                                                            <option>M</option>
                                                                        </select>
                                                                    </div>   
                                                                    <div class="form-group col-sm-4 prod-btns">
                                                                        <div class="quantity">
                                                                            <button class="btn minus"><i class="icon_minus-06"></i></button>
                                                                            <input type="number" title="Qty" value="03" name="quantity" min="1" step="1" class="form-control qty">
                                                                            <button class="btn plus"><i class="icon_plus"></i></button>
                                                                        </div>
                                                                    </div>
                                                                </form>                                            
                                                            </div>    

                                                            <div class="prod-btns">                                                                
                                                                <div class="add-to-cart">
                                                                    <button class="theme-btn-1 btn cart-btn"> <i class="icon ion-ios-plus-empty white-color size-24"></i> Add to Cart </button>                                       
                                                                </div>                                    
                                                            </div>      

                                                        </div>
                                                    </div>                                                    
                                                </div>
                                            </div>
                                        </div> 
                                    </div>
                                    <div class="cat-list-view">
                                        <div class="row">                                                                         
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="col-md-4 col-sm-12">  
                                                        <div class="thumbnail-img light-bg">
                                                            <div class="flipper">
                                                                <div class="front">
                                                                    <a href="#"> <img class="img-responsive" src="static/picture/prod-11.jpg" alt=""> </a>
                                                                </div>
                                                                <div class="back">                                                               
                                                                    <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                                </div>                                                       
                                                            </div>
                                                            <ul class="thumbnail-content hover-style1 list-items">    
                                                                <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> Quick View </a> </li>
                                                                <li> <a href="#"> <i class="icon ion-android-favorite-outline"></i> Wishlist </a> </li>
                                                            </ul>                                                    
                                                        </div>
                                                    </div>
                                                    <div class="col-md-8 col-sm-12">   
                                                        <div class="product-content">                                                          
                                                            <div class="product-heading">
                                                                <a href="#" class="title">line white & black t-shirt</a>                                              
                                                            </div>
                                                            <div class="rating">                                                              
                                                                <span class="star active"></span>
                                                                <span class="star active"></span>
                                                                <span class="star active"></span>                                           
                                                                <span class="star active"></span>
                                                                <span class="star half"></span>                                                               
                                                            </div>                                            

                                                            <div class="product-price">
                                                                <p class="caption-text">
                                                                    <span> $50.00 </span>
                                                                    <del>  </del>
                                                                </p>
                                                            </div>

                                                            <div class="product-availability">
                                                                <ul class="stock-detail list-items">                                       
                                                                    <li class=""> <i class="icon-layers icons"></i> <span> Only <b>15</b> Left </span> <i class="arrow_carrot-down"></i> </li>
                                                                    <li>Available:<span class="green-color"> In Stock </span>  </li>
                                                                </ul>                                                                             
                                                            </div>

                                                            <hr class="fullwidth-divider">   

                                                            <div class="product-description">
                                                                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc condimentum eros idoni 
                                                                    rutrum fermentum. Proin nec felis dui. Vestibulum ante ipsum primis in faucibus orci 
                                                                    luctus et ultrices posuere cubilia Curae.</p>
                                                            </div>
                                                            <div class="product-size row">
                                                                <form class="product-form">                                      
                                                                    <div class="form-group selectpicker-wrapper col-sm-4">                                                                        
                                                                        <div class="search-selectpicker selectpicker-wrapper">
                                                                            <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Select Color ">
                                                                                <option>Pink</option>
                                                                                <option>Blue</option>
                                                                                <option>Marooon</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group selectpicker-wrapper col-sm-4">                                                                      
                                                                        <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Select Size">
                                                                            <option>L</option>
                                                                            <option>XL</option>
                                                                            <option>M</option>
                                                                        </select>
                                                                    </div>   
                                                                    <div class="form-group col-sm-4 prod-btns">
                                                                        <div class="quantity">
                                                                            <button class="btn minus"><i class="icon_minus-06"></i></button>
                                                                            <input type="number" title="Qty" value="03" name="quantity" min="1" step="1" class="form-control qty">
                                                                            <button class="btn plus"><i class="icon_plus"></i></button>
                                                                        </div>
                                                                    </div>
                                                                </form>                                            
                                                            </div>    

                                                            <div class="prod-btns">                                                                
                                                                <div class="add-to-cart">
                                                                    <button class="theme-btn-1 btn cart-btn"> <i class="icon ion-ios-plus-empty white-color size-24"></i> Add to Cart </button>                                       
                                                                </div>                                    
                                                            </div>  
                                                        </div>
                                                    </div>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <div class="cat-list-view">
                                        <div class="row">                                                                         
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="col-md-4 col-sm-12">  
                                                        <div class="thumbnail-img light-bg">
                                                            <div class="flipper">
                                                                <div class="front">
                                                                    <a href="#"> <img class="img-responsive" src="static/picture/prod-12.jpg" alt=""> </a>
                                                                </div>
                                                                <div class="back">                                                               
                                                                    <a href="#"> <img class="img-responsive" src="static/picture/prod-6.jpg" alt=""> </a>
                                                                </div>                                                       
                                                            </div>
                                                            <ul class="thumbnail-content hover-style1 list-items">    
                                                                <li> <a href="#product-preview" data-toggle="modal"> <i class="icon ion-ios-eye-outline"></i> Quick View </a> </li>
                                                                <li> <a href="#"> <i class="icon ion-android-favorite-outline"></i> Wishlist </a> </li>
                                                            </ul>                                                    
                                                        </div>
                                                    </div>
                                                    <div class="col-md-8 col-sm-12">   
                                                        <div class="product-content">                                                          
                                                            <div class="product-heading">
                                                                <a href="#" class="title"> rayban round sunglasses </a>                                              
                                                            </div>
                                                            <div class="rating">                                                              
                                                                <span class="star active"></span>
                                                                <span class="star active"></span>
                                                                <span class="star active"></span>                                           
                                                                <span class="star active"></span>
                                                                <span class="star half"></span>                                                               
                                                            </div>                                            

                                                            <div class="product-price">
                                                                <p class="caption-text">
                                                                    <span> $102.15 </span>
                                                                    <del>  </del>
                                                                </p>
                                                            </div>

                                                            <div class="product-availability">
                                                                <ul class="stock-detail list-items">                                       
                                                                    <li class=""> <i class="icon-layers icons"></i> <span> Only <b>15</b> Left </span> <i class="arrow_carrot-down"></i> </li>
                                                                    <li>Available:<span class="green-color"> In Stock </span>  </li>
                                                                </ul>                                                                             
                                                            </div>

                                                            <hr class="fullwidth-divider">   

                                                            <div class="product-description">
                                                                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc condimentum eros idoni 
                                                                    rutrum fermentum. Proin nec felis dui. Vestibulum ante ipsum primis in faucibus orci 
                                                                    luctus et ultrices posuere cubilia Curae.</p>
                                                            </div>

                                                            <div class="product-size row">
                                                                <form class="product-form">                                      
                                                                    <div class="form-group selectpicker-wrapper col-sm-4">                                                                        
                                                                        <div class="search-selectpicker selectpicker-wrapper">
                                                                            <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Select Color ">
                                                                                <option>Pink</option>
                                                                                <option>Blue</option>
                                                                                <option>Marooon</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="form-group selectpicker-wrapper col-sm-4">                                                                      
                                                                        <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Select Size">
                                                                            <option>L</option>
                                                                            <option>XL</option>
                                                                            <option>M</option>
                                                                        </select>
                                                                    </div>   
                                                                    <div class="form-group col-sm-4 prod-btns">
                                                                        <div class="quantity">
                                                                            <button class="btn minus"><i class="icon_minus-06"></i></button>
                                                                            <input type="number" title="Qty" value="03" name="quantity" min="1" step="1" class="form-control qty">
                                                                            <button class="btn plus"><i class="icon_plus"></i></button>
                                                                        </div>
                                                                    </div>
                                                                </form>                                            
                                                            </div>    

                                                            <div class="prod-btns">                                                                
                                                                <div class="add-to-cart">
                                                                    <button class="theme-btn-1 btn cart-btn"> <i class="icon ion-ios-plus-empty white-color size-24"></i> Add to Cart </button>                                       
                                                                </div>                                    
                                                            </div>  

                                                        </div>
                                                    </div>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <div class="pagination-wrapper">
                                        <ul class="pagination-list">
                                            <li class="prev"> <a href="#"> <i class="arrow_carrot-2left"></i> </a> </li>
                                            <li> <a href="#"> 1 </a> </li>
                                            <li class="active"> 2 </li>
                                            <li> <a href="#"> 3 </a> </li>
                                            <li> <a href="#"> 4 </a> </li>
                                            <li> <a href="#"> 5 </a> </li>
                                            <li class="nxt"> <a href="#"> <i class="arrow_carrot-2right"></i> </a> </li>
                                        </ul>
                                    </div>
                                </div>    
                                <!-- Product List View Ends -->
                            </div>
                        </aside>
                        <!-- / Product Categories Ends -->
                    </div>
                </div>

            </section>
            <!-- / CONTENT AREA -->

            <!-- FOOTER -->
            <footer class="footer text-center">             
                <section class="footer-bg">
                    <div class="container theme-container">
                        <ul class="list-items">   
                            <li> <a href="javascript:;" class="hover-color"> facebook </a> </li>
                            <li> <a href="javascript:;" class="hover-color"> twitter </a> </li> 
                            <li> <a href="mailto:jakjim@gmail.com" class="hover-color"> email </a> </li> 
                            <li> <a href="javascript:;" class="hover-color" target="_blank"> Themeforest </a> </li>
                            <li> <a href="javascript:;" class="hover-color" target="_blank"> Website</a> </li>
                        </ul> 
                    </div>
                </section>
                <section class="copy-rights-bg">
                    <p class="copy-rights">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                </section>
            </footer>
            <!-- /FOOTER -->

            <div id="to-top" class="to-top"> <i class="arrow_carrot-up"></i> </div>

        </main>
        <!-- /WRAPPER -->

        <!-- Product Preview Popup -->
        <section class="modal fade" id="product-preview" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-lg product-modal">
                <div class="modal-content">
                    <a aria-hidden="true" data-dismiss="modal" class="sb-close-btn close icon_close" href="#"></a>                 
                    <!-- Single Products Slider Starts --> 
                    <div class="col-md-6">                                  
                        <!-- Main Slider Start -->
                        <div class="owl-carousel prod-slider sync1">
                            <div class="item"> 
                                <img src="static/picture/prod-15.jpg" alt="">
                                <a href="static/picture/prod-15.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                            <div class="item"> 
                                <img src="static/picture/prod-2.jpg" alt="">
                                <a href="static/picture/prod-15.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                            <div class="item"> 
                                <img src="static/picture/prod-3.jpg" alt="">
                                <a href="static/picture/prod-3.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                            <div class="item"> 
                                <img src="static/picture/prod-4.jpg" alt="">
                                <a href="static/picture/prod-4.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                        </div>

                        <div class="owl-carousel sync2">
                            <div class="item"> <img src="static/picture/prod-thumb-1.jpg" alt=""> </div>
                            <div class="item"> <img src="static/picture/prod-thumb-2.jpg" alt=""> </div>
                            <div class="item"> <img src="static/picture/prod-thumb-3.jpg" alt=""> </div>
                            <div class="item"> <img src="static/picture/prod-thumb-4.jpg" alt=""> </div>
                        </div>
                        <!-- / Main Slider Ends -->                                      
                    </div>
                    <!-- Single Products Slider Ends --> 

                    <!-- Products Description Starts --> 
                    <div class="col-md-6">
                        <div class="product-content content-style-2">                           
                            <div class="product-heading">
                                <h2 class="title">white beard t-shirt</h2>                                              
                            </div>
                            <div class="rating">                                                              
                                <span class="star active"></span>
                                <span class="star active"></span>
                                <span class="star active"></span>                                           
                                <span class="star active"></span>
                                <span class="star half"></span>
                                <div class="product-review">
                                    <ul class="list-items">
                                        <li>04 Review(s) </li>
                                        <li> <a href="#"> Add Your Review </a> </li>
                                    </ul>
                                </div>
                            </div>                                            

                            <div class="product-price">
                                <p class="caption-text">
                                    <span class="size-30"> $45.05 </span>
                                    <del>  </del>
                                </p>
                            </div>

                            <div class="tabs-wrap">
                                <div class="tab">
                                    <ul class="nav prod-tabs">                                         
                                        <li class="active"><a href="#prod-prev-1" data-toggle="tab"> size guide </a></li>
                                        <li class=""><a href="#prod-prev-2" data-toggle="tab"> shipping </a></li>
                                        <li class=""><a href="#prod-prev-3" data-toggle="tab"> return </a></li>
                                    </ul>
                                </div>
                                <div class="tab-content prod-tab-content">
                                    <div id="prod-prev-1" class="tab-pane fade in active">                                           
                                        <ul>
                                            <li> <i class="icon_stop"></i> <span class="des"> Modeled in size S. </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Shoulder seam to hem measures approx 58" / 147 cm in length </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Model Measurements: Height 5'9" / 175 cm, Waist 26" / 66 cm, Bust 32" / 81 cm, Hips 34.5" / 88 cm </span> </li>                                               
                                        </ul>
                                        <p>This is a demo shop, the actual product is available for order on Amazon.com.</p>
                                    </div>
                                    <div id="prod-prev-2" class="tab-pane fade">
                                        <ul>
                                            <li> <i class="icon_stop"></i> <span class="des"> Modeled in size S. </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Shoulder seam to hem measures approx 58" / 147 cm in length </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Model Measurements: Height 5'9" / 175 cm, Waist 26" / 66 cm, Bust 32" / 81 cm, Hips 34.5" / 88 cm </span> </li>                                               
                                        </ul>
                                        <p>This is a demo shop, the actual product is available for order on Amazon.com.</p>
                                    </div>
                                    <div id="prod-prev-3" class="tab-pane fade">
                                        <ul>
                                            <li> <i class="icon_stop"></i> <span class="des"> Modeled in size S. </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Shoulder seam to hem measures approx 58" / 147 cm in length </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Model Measurements: Height 5'9" / 175 cm, Waist 26" / 66 cm, Bust 32" / 81 cm, Hips 34.5" / 88 cm </span> </li>                                               
                                        </ul>
                                        <p>This is a demo shop, the actual product is available for order on Amazon.com.</p>
                                    </div>                                       
                                </div>

                            </div>

                            <hr class="fullwidth-divider">   

                            <div class="product-size">
                                <form class="product-form">                                      
                                    <div class="form-group selectpicker-wrapper">
                                        <label> <span> Color </span> <span class="red-color"> * </span> <span class="required red-color pull-right"> Field Required *</span> </label>
                                        <div class="search-selectpicker selectpicker-wrapper">
                                            <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Choose a color that you like.... ">
                                                <option>Pink</option>
                                                <option>Blue</option>
                                                <option>Marooon</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group selectpicker-wrapper">
                                        <label> <span> Size </span> <span class="red-color"> * </span> </label>
                                        <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Choose a color that you like.... ">
                                            <option>Pink</option>
                                            <option>Blue</option>
                                            <option>Marooon</option>
                                        </select>
                                    </div>                                        
                                </form>                                            
                            </div>    

                            <div class="prod-btns">
                                <div class="quantity">
                                    <button class="btn minus"><i class="icon_minus-06"></i></button>
                                    <input type="number" title="Qty" value="03" name="quantity" min="1" step="1" class="form-control qty">
                                    <button class="btn plus"><i class="icon_plus"></i></button>
                                </div>
                                <div class="add-to-cart">
                                    <button class="theme-btn-1 btn cart-btn"> <i class="icon ion-ios-plus-empty"></i> Add to Cart </button>                                       
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Products Description Ends -->    
                </div>
            </div>
        </section>
        <!-- / Product Preview Popup -->



        <!-- JS Global -->
        <script src="static/js/jquery-2.1.1.min.js"></script>  
        <script src="static/js/isotope.pkgd.min.js"></script>
        <script src="static/js/bootstrap.min.js"></script>
        <script src="static/js/bootstrap-select.min.js"></script>
        <script src="static/js/owl.carousel.min.js"></script>      
        <script src="static/js/jquery-ui.min.js"></script>

        <script src="static/js/jquery.sticky.js"></script>
        <script src="static/js/jquery.mCustomScrollbar.concat.min.js"></script>
        <script src="static/js/jquery.prettyPhoto.js"></script>     

        <!--  Cusrom JS --> 
        <script src="static/js/theme-main.js"></script>

    </body>
</html>